.markdown-wrap{
    background: #e9e9e9;
    border: #e9e9e9 10px solid;
    border-radius: 4px;
    margin: 10px 0;
}
.markdown-init {
    background: white;
    padding: 8px 20px;
    line-height: 30px !important;
}

.markdown-init img {
    cursor: pointer;
    max-width: 100%;
    display: block;
    margin: 10px auto;
    border-radius: 4px
}
.markdown-init img:hover {
    box-shadow: 2px 2px rgba(0, 0, 0, 0.1)
}

.markdown-body h1,
.markdown-body h2{
    padding-bottom: 0px !important;
    border-bottom:none!important;
}

.markdown-init h1 {
    font-size: 190%!important;
    margin: 20px 0;
    font-weight: bold;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)
}

.markdown-init h2 {
    font-size: 170%!important;;
    margin: 20px 0;
    font-weight: bold;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)
}

.markdown-init h3 {
    font-size: 150%!important;;
    margin: 15px 0;
    font-weight: bold;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)
}

.markdown-init h4 {
    font-size: 130%!important;;
    margin: 15px 0;
    font-weight: bold;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)
}

.markdown-init h5 {
    font-size: 120%!important;;
    margin: 10px 0;
    font-weight: bold;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)
}

.markdown-init h6, .markdown-init strong {
    margin: 10px 0;
    font-size: 110%!important;;
    font-weight: 700;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)
}

.markdown-init blockquote {
    padding: 15px 0 15px 14px!important;
    border-left: 5px solid #ccc!important;;
    font-weight: bold!important;;
    border-radius: 0 2px 2px 0!important;;
    background: #eee!important;;
    line-height: 20px!important;
}

/* .markdown-init p code , .markdown-init li code {
    padding: 3px 5px;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    color: #706f6f;
    text-shadow: 0 0 1px #cacaca;
    font-weight: bold;
    line-height: 1;
}
.markdown-init pre code{
    padding: 10px;
    letter-spacing: 1px!important;
    line-height: 25px!important;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    color: #706f6f;
} */
.markdown-init a {
    font-size: 110%!important;
    text-shadow: 0 0 1px #cacaca!important;
}

.react-markdown-editor {
    border: 1px solid #ccc;
}

.react-markdown-toolbar {
    padding: 5px 0;
    border-bottom: none;
}

.react-markdown-toolbar__tool {
    margin-left: 15px;
    float: left;
}
.react-markdown-icon {
    cursor: pointer;
    font-size: 1.5rem;
    color: #586069;
    margin: 0 5px;
}

.editor-pane {
    overflow: auto;
    padding-right: 1px;
    height: 325px;
}

.editor-pane textarea {
    min-height: 325px !important;
    border: none;
}

.result-pane {
    height: 325px;
    overflow: scroll;
    background-color: white;
}
.markdown-textArea{
    padding: 5px;
}